import React from 'react'
import {StyleSheet,View,Text,Image} from 'react-native'
import {PropTypes} from 'prop-types';
import px from '../util/px'
import Tag from './Tag'
export  default function ModuleTitle({dataList}){
    return <View style={{paddingHorizontal:px(32),backgroundColor:'#ffffff'}}>
        
         {dataList.map((item,index)=><View key={item.id} style={{borderTopWidth:1,borderTopColor:"#f3f3f3",paddingVertical:px(32)}}>
            <View style={{flexDirection:'row',alignItems:'center',marginBottom:px(16)}}>
            <Text 
              numberOfLines={1}
              style={{flex:1,fontSize:14,color:'#000000'}}>套路总裁轻点爱</Text>
              <View style={{flexDirection:'row',alignItems:'center'}}>
                   <Tag
                    borderColor='rgba(0,201,141,0.3)'
                    fontColor='#00c98d'
                    text="完结"/>
                   <Tag
                    mLeft={px(20)}
                    text="现代言情"/>
              </View>
            </View>
         <Text 
         numberOfLines={1}
         style={{fontSize:12,color:'#333333'}}
         >作为跨国集团的总裁，黄金单身汉，经常有人给他送女人。这个胆大包天的丫头竟然送男人，这是在怀疑他的性取向吗？他气愤不已地把男人丢了出去，把她拽了进来，他要向她证明，他到底喜欢男人还是女人！</Text>
      </View>)}
   </View>
}